<template>
	<view class="announce">
		<view class="item">
			<view class="tit"><text class="xin">*</text>任务说明</view>
			<input class="inp" type="text" placeholder="填写完成任务说明" />
		</view>
		
		<view class="item">
			<view class="tit"><text class="xin">*</text>完成截图（截图/视频至少添加一个）</view>
			<u-upload :action="action" :file-list="fileList" ></u-upload>
		</view>
		<view class="item">
			<view class="tit">完成视频（截图/视频至少添加一个</view>
			<tmUpload type="video" :upload_max="4" class="addes"></tmUpload>
			<text class="des">视频只能添加一个</text>
		</view>
		<view class="releaseBtn" @click="send">确认完成</view>
		
	</view>
</template>

<script>
	import tmUpload from "@/components/tm-upload/tm-upload.vue"
	export default {
		components:{
			tmUpload
		},
		data() {
			return {
				action: 'http://www.example.com/upload',
				fileList: [
					{
						url: 'http://pics.sc.chinaz.com/files/pic/pic9/201912/hpic1886.jpg',
					}
				],
			}
		},
		methods: {
			send(){
				uni.navigateTo({
					url: '/pages/mine/releaseShop/releaseDes',
				})
			},
		},onLoad(e) {
			
		}
	}
</script>

<style lang="scss" scoped>
.announce{
	background-color: #fff;
	padding: 30rpx 30rpx 120rpx;
	.item{ 
		margin-bottom: 30rpx;
		.tit{
			font-size: 32rpx;
			color: #000;
			height: 60rpx;
			line-height: 60rpx;
			.xin{ color:#de4f38;}
		}
		.des{ color:#999;  }
		.inp{
			border-bottom: 1px solid #eee;
			height: 80rpx;
			font-size: 32rpx;
			padding-left: 20rpx;
		}
		&-info{
			.li{
				text-align: center;
				width: 22%;
				background-color: #f5f5f5;
				height: 70rpx;
				line-height: 70rpx;
				border-radius: 60rpx;
				margin-bottom: 30rpx;
				color: #666;
				margin-right: 4%;
				&:nth-child(4n){
					margin-right: 0;
				}
				&.action{
					background-color: #de4f38;
					color: #fff;
				}
			}
		}
	}
	.releaseBtn{position: fixed; bottom: 0; left:0; z-index: 999; text-align: center; font-size: 32rpx; color:#fff; width: 100%; height:100rpx; line-height: 100rpx; background-color: #de4f38; }
}
</style>
